﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <title>培训报名</title>
    <link href="../../css/base/reset.css" rel="stylesheet" />
    <link href="../../css/base/base.scss" rel="stylesheet" />
    <!--<link href="css/fonts/icomoon/style.css" rel="stylesheet" />-->
    <link href="../../plugins/modal/modal.css" rel="stylesheet" />
    <link href="../../plugins/swiper3/swiper.min.css" rel="stylesheet" />
    <link href="../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../css/theme/dark/style.scss" rel="stylesheet" />
</head>
<body>
    <div class="background"></div>
    <div class="wrapper exam-paper">
        <div class="container" role="main">
            <section class="section small">
                <div class="progress">
                    <div class="title">答题进度</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width: 50%"></div>
                    </div>
                    <div class="info">75%</div>
                </div>
                <div class="progress progress-danger">
                    <div class="title">剩余时间</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width: 50%"></div>
                    </div>
                    <div id="timer" class="info">00:00</div>
                </div>
            </section>
            <section class="section">
                1.在侧滑追尾等事故发生之前在侧滑追尾等事故发生之前在侧滑追尾等事故发生之前
                在侧滑追尾等事故发生之前在侧滑追尾等事故发生之前
            </section>
            <section class="section" style="margin-bottom: 30px;">
                <ul class="list nogap no-border">
                    <li>
                        <label class="radio">
                            <input type="radio" />
                            <label class="icon"></label>
                            <label>A:在侧滑追尾等事故发生之前</label>
                        </label>
                    </li>
                    <li>
                        <label class="checkbox">
                            <input type="checkbox" />
                            <label class="checked"></label>
                            <label>A:在侧滑追尾等事故发生之前</label>
                        </label>
                    </li>
                    <li>
                        <label class="checkbox">
                            <input type="checkbox" />
                            <label class="checked"></label>
                            <label>A:在侧滑追尾等事故发生之前</label>
                        </label>
                    </li>
                    <li>
                        <label class="checkbox">
                            <input type="checkbox" />
                            <label class="checked"></label>
                            <label>A:在侧滑追尾等事故发生之前</label>
                        </label>
                    </li>
                </ul>
            </section>
            <section class="section actions">
                <ul class="tabs two margin-bottom-20">
                    <li>
                        <div class="margin-right-10">
                            <button type="button" class="btn btn-default">上一题</button>
                        </div>
                    </li>
                    <li>
                        <div class="margin-left-10">
                            <button type="button" class="btn btn-default">下一题</button>
                        </div>
                    </li>
                </ul>
                <button type="button" class="btn btn-theme">交卷</button>
            </section>
        </div>
    </div>
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../js/fastclick/fastclick.js"></script>
    <script src="../../plugins/modal/modal.js"></script>
    <script src="../../plugins/swiper3/swiper.jquery.min.js"></script>
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {
            var timer = Global.Timer("#timer", 60, {
                format: "mm:ss",
                tick: function (current) {
                    console.log(current);
                },
                complete: function () {
                    console.log("complete");
                }
            });
            timer.start();
        })
    </script>
</body>
</html>